<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>首页</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no,email=no" />
		<link rel="stylesheet" href="../css/mui.min.css">		
		<link rel="stylesheet" href="../fonts/iconfont.css" />
		<link rel="stylesheet" href="../css/OA.css" />
		<link href="css/style.css" rel="stylesheet" />
		<style>
			.mui-media-body{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
			.mui-table-view .mui-media-object{width:70px;max-width: 70px;height: auto;}
			.mui-ellipsis{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;white-space: normal;}
		</style> 
	</head>
	<body>   
		<script src="../js/mui.min.js"></script> 
		<script src="../js/app.js"></script>
		<script type="text/javascript" charset="utf-8">
			 //mui初始化
			mui.init();
					
		</script> 
		<ul class=" mui-table-view mui-grid-view mui-grid-9">
			<li class=" mui-table-view-cell mui-media mui-col-xs-6">
				<a href="#" id="waiting">
					<i class="iconfont icon-shenpi"></i>
					<div class="mui-media-body">待我审批</div> 
				</a>		
			</li> 
			<li class=" mui-table-view-cell mui-media mui-col-xs-6">
				<a href="#" id="start">
					<i class="iconfont icon-wofaqide"></i><br/>
					<div class="mui-media-body">我的申请</div>
				</a>
			</li> 
		</ul>
		<div class="space-line"></div>
		<ul class="mui-table-view mui-grid-view mui-grid-9">
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
			    <a href="javascript:" id="overTime">
			        <span class="iconfont icon-jiaban-01 "></span>
			        <div class="mui-media-body">加班</div>
			    </a>
			</li>  
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
			    <a href="#" id="reimburse">
			        <span class="iconfont icon-baoxiao"></span>
			        <div class="mui-media-body">报销</div>
			    </a> 
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
			    <a href="#" id="askForLeave">
			        <span class="iconfont icon-qingjia"></span>
			        <div class="mui-media-body">请假</div>
			    </a>
			</li> 
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
			    <a href="#" id="inform">
			        <span class="iconfont icon-daqia"></span>
			        <div class="mui-media-body">通知</div>
			    </a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
			    <a href="#" id='myset'>
			        <span class="iconfont icon-daqia"></span>
			        <div class="mui-media-body">个人资料</div>
			    </a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
			    <a href="#">
			        <span class="iconfont icon-daqia"></span>
			        <div class="mui-media-body">打卡</div>
			    </a>
			</li>
		</ul>
		<div >
			<!--推荐公司-->
			<ul class="mui-table-view" id="companys">
			    <li class="mui-table-view-cell mui-media">
			        <a href="javascript:;">
			            <img class="mui-media-object mui-pull-left" src="../images/h07.png">
			            <div class="mui-media-body">
			                <strong>幸福啊</strong>
			                <p class="mui-ellipsis">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
			            </div>
			        </a>
			    </li>
			    <li class="mui-table-view-cell mui-media">
			        <a href="javascript:;">
			            <img class="mui-media-object mui-pull-left" src="../images/h08.png">
			            <div class="mui-media-body">
			                <strong>幸福</strong>
			                <p class="mui-ellipsis">想要这样一间小木屋，夏天挫冰吃瓜，冬天围炉取暖.</p>
			            </div>
			        </a>
			    </li> 
			    <li class="mui-table-view-cell mui-media">
			        <a href="javascript:;">
			            <img class="mui-media-object mui-pull-left" src="../images/h07.png">
			            <div class="mui-media-body">
			                <strong>幸福啊</strong>
			                <p class="mui-ellipsis">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
			            </div>
			        </a>
			    </li>
			    <li class="mui-table-view-cell mui-media">
			        <a href="javascript:;">
			            <img class="mui-media-object mui-pull-left" src="../images/h08.png">
			            <div class="mui-media-body">
			                <strong>幸福</strong>
			                <p class="mui-ellipsis">想要这样一间小木屋，夏天挫冰吃瓜，冬天围炉取暖.</p>
			            </div>
			        </a>
			    </li> 
			</ul>
		</div>
	</body>
	<script>  
	/*页面跳转*/
	document.getElementById('overTime').addEventListener('tap',function(){
		himall.openVW('over-time.html');
	});
	document.getElementById('reimburse').addEventListener('tap',function(){
		himall.openVW('reimburse.html');
	});	
	document.getElementById('askForLeave').addEventListener('tap',function(){
		himall.openVW('ask-for-leave.html');
	});	
	document.getElementById('waiting').addEventListener('tap',function(){
		himall.openVW('waiting.html');
	});
	document.getElementById('start').addEventListener('tap',function(){
		himall.openVW('start.html');
	});	
	document.getElementById('inform').addEventListener('tap',function(){
		himall.openVW('inform.html');
	});
	document.getElementById('myset').addEventListener('tap',function(){
		himall.openVW('../myCenter/my-set.html');
	});
	</script>
	
</html>